.generl-box{
    padding: 12px;
    display: flex;
    gap: 12px;
    .box-contaneir{
        background-color: #fff;
        width: calc(50% - 12px);
        height: 500px;
        border-radius: 5px;
        .title{
            font-size: 20px;
            padding-left: 50px;
            padding-top: 12px;
            color: #202020;
            font-weight: bold;
            margin-bottom: 20px;
        }
        .tab{
            padding-left: 66px;
        }
        .content{
            display: flex;
            padding-left: 66px;
            align-items: center;
            .income-count{
                width: 40%;
                height: 200px;
                text-align: center;
                margin-top: 80px;
                &-number{
                    color: #4c7bf4;
                    font-size: 48px;
                    font-weight: 600;
                }
                &-text{
                    font-size: 16px;
                    color: rgb(32, 32, 32);
                    font-weight: bold;
                }
            }
            .otherText{
                text-align: center;
                margin: 0 auto;
                .item-number{
                    margin-bottom: 6px;
                }
                .itemBule:extend(.itemBox){
                     background: linear-gradient(90deg, rgb(40, 120, 229) 1%, rgb(78, 153, 253) 100%);
                }
                .itemGreen:extend(.itemBox){
                    background: linear-gradient(90deg, rgb(3, 180, 176) 0%, rgb(0, 204, 204) 100%);
                }
                .itemOrange:extend(.itemBox){
                    background: linear-gradient(-90deg, rgb(252, 160, 70) 0%, rgb(249, 111, 57) 100%);
                }
            }
        }
    }
}

.itemBox{
    padding: 10px;
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
    border-radius: 6px;
    color: #fff;
    width: 250px;
    height: 80px;
    margin-bottom: 12px;
}
